import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import VueI18n from 'vue-i18n'
import Viser from 'viser-vue'
import axios from './plugins/axios.js'
import {
    menuData,
    controlData,
    contentData
} from '@/i18n/index.js'

if(process.env.NODE_ENV==='development'){   
    require("./mock/products.js")
    require("./mock/smartcontract.js")
    require("./mock/user.js")
}

Vue.config.productionTip = false;
Vue.use(VueI18n);
Vue.use(Viser)
Vue.use(axios,{});  

//当你自己搭建解决方案你面临一个非常麻烦的问题就是如何让你的用户业务国际化与ant design的国际化合并，这里是我研究多时才搞出来
const i18n = new VueI18n({
	locale: store.state.lang, 		//语言标识,使用this.$i18n.locale="en-US"切换,此处仅为默认值      	
    messages:{          	        //使用时具体键时需要带上对象this.$t("menu.index");
        "zh-CN":Object.assign(menuData.messages["zh-CN"],controlData.messages["zh-CN"],contentData.messages["zh-CN"]),  
        "en-US":Object.assign(menuData.messages["en-US"],controlData.messages["en-US"],contentData.messages["en-US"]),
        "zh-TW":Object.assign(menuData.messages["zh-TW"],controlData.messages["zh-TW"],contentData.messages["zh-TW"])
    }
})

new Vue({
    router,
    store,
    i18n,
    render: (h) => h(App),
}).$mount("#app");
